<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<f:view>
		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />
		<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
			draggable="false" closable="false" />

		<div id="logo" align="center">
			<h:form id="form">

				<p:panel id="td" header="Motivo Solicitud Seleccionado">
					<p:messages id="msg" showDetail="false" />
					<p:growl id="men" />

					<p:dataTable var="car" value="#{motSolSelectView.data}"
						id="listaTDo" editable="true" scrollable="true" scrollHeight="300"
						filteredValue="#{motSolSelectView.data}">
						<p:ajax event="rowEdit" listener="#{motSolSelectView.onEdit}" />
						<p:ajax event="rowEditCancel"
							listener="#{motSolSelectView.onCancel}" />

						<p:column headerText="Editar" style="width: 30px">
							<p:rowEditor />
						</p:column>

						<p:column headerText="Numero Radicacion Solicitud Pqr"
							style="width: 80px" sortBy="numeroRadicacion">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.numeroRadicacion}" />
								</f:facet>
								<f:facet name="input">
									<p:selectOneMenu value="#{car.idSolPqr_SolicitudPqr}"
										style="width: 250px">
										<f:selectItems value="#{motSolSelectView.losItemsSolicitud}" />
									</p:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>

						<p:column headerText="Motivo Solicitud" style="width: 100px"
							sortBy="nombreMotivoSolicitud">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{car.nombreMotivoSolicitud}" />
								</f:facet>
								<f:facet name="input">
									<p:selectOneMenu value="#{car.idMotSol_MotivoSolicitud}"
										style="width: 200px">
										<f:selectItems
											value="#{motSolSelectView.losItemsMotivoSolicitud}" />
									</p:selectOneMenu>
								</f:facet>
							</p:cellEditor>
						</p:column>

						<f:facet name="footer">
							<p:commandButton id="viewButton" value="Crear"
								icon="ui-icon-documen" update=":form"
								oncomplete="PF('carDialog').show()" />
							<p:commandButton id="btnBack" value="Atras"
								action="#{motSolSelectView.action_back}"
								binding="#{motSolSelectView.btnBack}" />
						</f:facet>

					</p:dataTable>

					<!--		Ventana emergente          -->
					<p:dialog id="dialog" header="Motivo Solicitud Seleccionado"
						widgetVar="carDialog" resizable="false" width="500"
						showEffect="clip" hideEffect="fold">
						<p:messages id="messages" autoUpdate="true" />
						<h:panelGrid columns="2" id="panel">

							<h:outputText id="msgSolicitud" value=" Solicitud Pqr*:" />
							<p:selectOneMenu value="#{motSolSelectView.solicitudPqr}"
								binding="#{motSolSelectView.txtSolicitudPqr}">
								<f:selectItems value="#{motSolSelectView.losItemsSolicitud}" />
							</p:selectOneMenu>

							<h:outputText id="msgMotivoSolicitud"
								value=" Motivo Reclamacion*:" />
							<p:selectOneMenu value="#{motSolSelectView.motivoSolicitud}"
								binding="#{motSolSelectView.txtMotivoSolicitud}">
								<f:selectItems
									value="#{motSolSelectView.losItemsMotivoSolicitud}" />
							</p:selectOneMenu>

						</h:panelGrid>

						<p:separator id="separator" />

						<h:panelGrid id="panelBotones" columns="2">

							<p:commandButton id="btnSave" value="Guardar"
								action="#{motSolSelectView.action_create}"
								binding="#{motSolSelectView.btnSave}"
								update="listaTDo,msg,panel,panelBotones" />

						</h:panelGrid>

					</p:dialog>
				</p:panel>
			</h:form>
		</div>
	</f:view>

</h:body>
</html>
